<template>
	<view class="" style="padding: 0 54rpx;">
		<view class="" style="margin-top: 62rpx;display: flex;justify-content: center;">
			<image src="/static/image/login/logo.png" style="width: 240rpx;height: 240rpx;" mode=""></image>
		</view>
		<view class=""
			style="margin-top: 74rpx;height: 98rpx;padding: 34rpx 50rpx;display: flex;align-items: center;background-color: #FBFBFB;position: relative;">
			<image src="/static/image/login/mobile.png" style="width: 24rpx;height: 32rpx;margin-right: 40rpx;" mode="">
			</image>
			<input type="text" placeholder="请输入手机号" v-model="Info.mobile">

		</view>
		<view class=""
			style="margin-top: 40rpx;height: 98rpx;padding: 34rpx 50rpx;display: flex;align-items: center;background-color: #FBFBFB;position: relative;">
			<image src="/static/image/login/code.png" style="width: 24rpx;height: 32rpx;margin-right: 40rpx;" mode="">
			</image>
			<input type="text" placeholder="请输入验证码" v-model="Info.code">
			<view class="" style="position: absolute;right: 16rpx;top: 18rpx;">
				<view class=""
					style="width: 164rpx;height: 64rpx;border-radius: 10rpx;background-color: #FF4D62;display: flex;justify-content: center;align-items: center;font-size: 24rpx;color: white;">
					<span>获取验证码</span>
				</view>
			</view>
		</view>
		<view class=""
			style="margin-top: 40rpx;height: 98rpx;padding: 34rpx 50rpx;display: flex;align-items: center;background-color: #FBFBFB;">
			<image src="/static/image/login/password.png" style="width: 24rpx;height: 32rpx;margin-right: 40rpx;"
				mode=""></image>
			<input type="text" placeholder="请输入新密码" v-model="Info.password">
		</view>
		<view class=""
			style="margin-top: 40rpx;height: 98rpx;padding: 34rpx 50rpx;display: flex;align-items: center;background-color: #FBFBFB;">
			<image src="/static/image/login/password.png" style="width: 24rpx;height: 32rpx;margin-right: 40rpx;"
				mode=""></image>
			<input type="text" placeholder="请再次输入密码" v-model="Info.twoPsd">
		</view>

		<view class=""
			style="margin-top: 100rpx;height: 94rpx;color: white;background-color: #FF4D62;border-radius: 10rpx;display: flex;justify-content: center;align-items: center;">
			<span>登录</span>
		</view>
		<sc-home></sc-home>
	</view>
</template>

<script>
	import {
		getCode,
		forget
	} from '@/common/login.js'
	export default {
		data() {
			return {
				Info: {
					mobile: '',
					password: '',
					code: '',
					twoPsd: ''
				}
			}
		},
		methods: {
			//忘记密码
			forgetPsd() {

			},
			//获取验证码
			getCodes() {
				getCode({
					mobile: this.Info.mobile
				}).then((res) => {
				console.log(res);
				}).catch((err) => {
		console.log(err);
				})
			}
		}
	}
</script>

<style scoped lang="scss">
	page {
		background-color: white;
	}
</style>